<!DOCTYPE HTML>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles/sortable.css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>jQuery UI Sortable Example 4</title>
  </head>
  <body>
    <div id="container">
			<p>请对这几位DJ来进行排名</p>
			<div id="sortables">
				<div>BT</div>
				<div>Sasha</div>
				<div>John Digweed</div>
				<div>Pete Tong</div>
				<div>James Zabiela</div>
			</div>
		</div>
		
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript">
			$(function() {
			
				//define config object
				var sortOpts = {
					axis: "y",
					containment: "#container",
					cursor: "move",
					distance: 30
				};
			
				//make specified element sortable
				$("#sortables").sortable(sortOpts);
			});
		</script>
  </body>
</html>
